<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改收货地址</title>
    <link rel="stylesheet" href="../css/base1.css">
    <link rel="stylesheet" href="../css/修改收货地址.css">
</head>
<body>
    <div class="parent clearfix">
        <!-- 头部 -->
        <div class="head">
            <div class="header w clearfix">
                <div class="login fl">
                    <a href="#" class="welcome fl">Hi,欢迎来到至爱空间!</a>
                    <a href="#"class="fl">登录</a>
                    <!-- <li class="line fl"></li> -->
                    <a href="#" class="line fl"></a>
                    <a href="#" class="fl">退出</a>
                </div>
                <div class="subnav fr">
                    <ul>
                        <li class="fl"><a href="#">我的订单</a></li>
                        <li class="line fl"></li>
                        <li class="fl"><a href="#">会员俱乐部</a></li>
                        <li class="line fl"></li>
                        <li  class="fl"><a href="#">手机商城</a></li>
                        <li class="line fl"></li>
                        <li class="fl"><a href="#">客户服务</a></li>
                        <li class="line fl"></li>
                        <li class="fl"><a href="#">网站导航</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 中心部分 -->
        <div class="content clearfix">
            <!-- logo部分 -->
            <div class="logo w clearfix">
                <div class="logo-img fl">
                    <img src="../images/logo.png">
                </div>
                <!-- <div class="logo-place fl">
                    购物车
                </div> -->
                <div class="logo-box fr">
                    <div class="search fl">
                        <span class="goods fl">商品<i class="misumi1"></i></span>
                        <input type="text" placeholder="商品关键词" class="fl">
                        <span class="fl">英菲尼迪 宝马 雅诗兰黛</span>
                        <button class="fl"><img src="../images/search.png" class="logo-search"></button>
                    </div>
                    <div class="shopping fr">
                        <span class="shop fl">我的商城<i class="misumi2"></i></span>
                        <s class="line1 fl"></s>
                        <span class="car fr">购物车<i class="misumi3"></i>
                        <img src="../images/two.png" class="two">
                        </span>
                    </div>
                </div>
            </div>
            <!-- 导航部分 -->
            <div class="nav w clearfix">
                <ul>
                    <li class="home fl ac">商城首页</li>
                    <li class="nav-text fl">红酒</li>
                    <li class="nav-text fl">家电</li>
                    <li class="nav-text fl">数码</li>
                    <li class="nav-text fl">汽车</li>
                    <li class="nav-text fl">手机</li>
                    <li class="nav-text fl">电脑</li>
                    <li class="nav-text fl">美妆</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 中间部分 <-->
    <div class="content">
         <div class="main clearfix">
        <div class="main-left ">
            <div  class="picture">
                <img src="../images/椭圆1.png" id="ellipse">
                <img src="../images/杰伦.png" id="avatar">
                <p>
                    <a href="#">酷酷的杰伦先生</a>
                    <img src="../images/phone.png" id="phone">
                    <img src="../images/支付宝.png" id="alipay">
                </p>
            </div>
            <div class="sidebar">
                <p><a href="#">我的账户</a></p>
                <ul class="sidebar-top">
                    <h2>个人设置</h2>
                    <li><a href="#" id="message">基本信息</a></li>
                    <li><a href="#">修改头像</a></li>
                    <li><a href="#">安全中心</a></li>
                    <li><a href="#">账户绑定</a></li>
                    <li><a href="#">收货地址</a></li>
                </ul>
                <ul class="sidebar-bottom">
                    <h2>服务中心</h2>
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">购买过的微店</a></li>
                    <li><a href="#">我的收藏</a></li>
                    <li><a href="#">评价管理</a></li>
                    <li><a href="#">退款维护</a></li>
                    <li><a href="#">手机绑定</a></li>
                    <li><a href="#">支付宝绑定</a></li>
                    <li><a href="#">消息提醒</a></li>
                </ul>
            </div>
        </div>
        <div class="main-right">
            <div class="account"><a href="#">收货地址</a></div>
            <div class="address clearfix">
                <h5>
                    <a href="javascript:;"class="new-address">新增收货地址</a>
                    <span class="address-name">姓名、手机号、收货地址为必填项目</span>
                    
                </h5>
                <p class="clearfix">
                    <span class="address-item fl">所在地区</span>
                    <span class="address-area area fl">中国大陆<i></i>
                    </span>
                    <span class="address-area city fl">请选择省市区<i></i></span>
                </p>
                <p class="clearfix">
                    <span class="address-item fl">收货地址</span>
                    <textarea cols="30" rows="10" placeholder="建议您如实填写收货地址，请详尽到街道、单元、门户，信息越详细，越好，保证货单能顺利送达您的手中" class="fl"></textarea>
                    <i class="required fl">必填项</i>
                </p>
                <p class="clearfix">
                    <span class="address-item fl">邮政编码</span>
                   <input type="text" placeholder="如果您不清楚邮政编码，请填写 000000" class="code fl">
                    <i class="required fl">必填项</i>
                </p>
                <p class="clearfix">
                    <span class="address-item fl">收货人姓名</span>
                    <input type="text" placeholder="长度不得超过25个字符" class="code fl">
                    <i class="required fl">必填项</i>
                </p>
                <p class="clearfix">
                    <span class="address-item fl">手机号码/固话</span>
                    <input type="text" placeholder="请一定输入能打通的号码" class="code fl">
                    <i class="required fl">必填项</i>
                </p>
                <p class="address-default clearfix">
                    <input type="checkbox" class="fl">
                    <span class="default fl">设置为默认的收货地址</span>
                </p>
                <p class="save">
                    <button>保存</button>
                </p>
            </div>
            <div class="message">
               <table cellpadding="0" cellspacing="0">
                    <tr class="message-grade">
                        <th class="message-person">收货人</th>
                        <th class="message-area">所在地区</th>
                        <th class="message-address">详细地址</th>
                        <th class="message-code">邮编</th>
                        <th class="message-phone">电话/固话</th>
                        <th width="146">操作</th>
                    </tr>
                    <tr class="message-all">
                       <td class="message-person">可云</td>
                       <td class="message-area">河南省 郑州市 金水区 经八路街道</td>
                       <td class="message-address">郑州市中原区建设西路100号院河南五建集团<br/>
                       有限公司企管部</td>
                       <td class="message-code">450007</td>
                       <td class="message-phone">15038299033</td>
                       <td class="message-del">修改 | 删除</td>
                   </tr>
                   <tr class="message-all">
                       <td class="message-person">可云</td>
                       <td class="message-area">河南省 郑州市 金水区 经八路街道</td>
                       <td class="message-address">郑州市中原区建设西路100号院河南五建集团<br/>
                       有限公司企管部</td>
                       <td class="message-code">450007</td>
                       <td class="message-phone">15038299033</td>
                       <td class="message-del">修改 | 删除</td>
                   </tr>
                   <tr class="message-all">
                       <td class="message-person">可云</td>
                       <td class="message-area">河南省 郑州市 金水区 经八路街道</td>
                       <td class="message-address">郑州市中原区建设西路100号院河南五建集团<br/>
                       有限公司企管部</td>
                       <td class="message-code">450007</td>
                       <td class="message-phone">15038299033</td>
                       <td class="message-del">修改 | 删除</td>
                   </tr>
                   <tr class="message-all message-all-last">
                       <td class="message-person">可云</td>
                       <td class="message-area">河南省 郑州市 金水区 经八路街道</td>
                       <td class="message-address">郑州市中原区建设西路100号院河南五建集团<br/>
                       有限公司企管部</td>
                       <td class="message-code">450007</td>
                       <td class="message-phone">15038299033</td>
                       <td class="message-del">修改 | 删除</td>
                   </tr>
                </table>
            </div>
        </div>
    </div>
    </div>
   
     <!-- 底部部分 -->
    <div class="footer clearfix">
        <div class="footer-list">
            <img src="../images/至爱.png">
            <ul>
                <h2>购物指南</h2>
                <li>免费注册</li>
                <li>开通支付宝</li>
                <li>支付宝充值</li>
            </ul>
            
            <ul>
                <h2>电器城保障</h2>
                <li>送货入户</li>
                <li>顺丰包邮</li>
                <li>无忧退换货</li>
                <li>全球联保</li>
                <li>货票同行</li>
            </ul>
            
            <ul>
                <h2>支付方式</h2>
                <li>支付宝快捷支付</li>
                <li>支付宝余额付款</li>
                <li>支付宝钱包付款</li>
                <li>货到付款</li>
                <li>新人支付</li>
            </ul>
          
            <ul>
                 <h2>商家服务</h2>
                <li>入驻电商城</li>
                <li>加入电商城服务保障</li>
                <li>电器城喵言喵语圈子</li>
                <li>电器城商家管理规范</li>
            </ul>
            <ul>
                <h2>手机电器城</h2>
                <li><img src="../images/二维码.png"></li>
            </ul>
        </div>
        <div class="footer-address">
            <h3>
                深圳市至爱酒业有限公司版权所有
            </h3>
            <h4>地址：广东省深圳市南山区深南大道以北世界假日广场3405,3406,3407， Tel:13958062335 E-mail:61487206@qq.com</h4>
        </div>
    </div>